Hệ thống xếp lịch học tín chỉ cho sinh viên CNTT trên PHP & MySQL

112.146 lượt xem;

navbar.pug
pug /
project /

1 doctype html
2 html(lang='en')
3
4   head
5     meta(charset='utf-8')
6     meta(http-equiv='X-UA-Compatible', content='IE=edge')
7     meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
8     meta(name='description', content='')
9     meta(name='author', content='')
10
11     title SB Admin - Start Bootstrap Template
12
13     include includes/css/core.pug
14
15     include includes/css/custom.pug
16
17   body#page-top.fixed-nav.sticky-footer.bg-dark
18     include includes/navbar.pug
19     .content-wrapper
20       .container-fluid
21         // Breadcrumbs
22         ol.breadcrumb
23           li.breadcrumb-item
24             a(href='#') Dashboard
25           li.breadcrumb-item.active Navbar
26         h1 Navbar
27         hr
28         p The SB Admin navbar can be either fixed or static, and it supports the navbar-light and navbar-dark Bootstrap 4 classes.
29         a(href='#').btn.btn-primary#toggleNavPosition Toggle Fixed/Static Navbar
30         a(href='#').btn.btn-primary#toggleNavColor Toggle Navbar Color
31
32         // Blank div to give the page height to preview the fixed vs. static navbar
33         div(style='height: 1000px')
34       // /.container-fluid
35       // /.content-wrapper
36
37       include includes/footer.pug
38
39       include includes/scroll-to-top.pug
40
41       include includes/modals/logout.pug
42
43       include includes/js/core.pug
44
45       include includes/js/custom.pug
46
47       // Custom scripts for this page
48
49       // Toggle between fixed and static navbar
50       script.
51         $('#toggleNavPosition').click(function() {
52         $('body').toggleClass('fixed-nav');
53         $('nav').toggleClass('fixed-top static-top');
54         });
55
56       // Toggle between dark and light navbar
57       script.
58         $('#toggleNavColor').click(function() {
59         $('nav').toggleClass('navbar-dark navbar-light');
60         $('nav').toggleClass('bg-dark bg-light');
61         $('body').toggleClass('bg-dark bg-light');
62         });